{layout name="public/layout"}
{include file="public/fenlei" /}
<link rel="stylesheet" href="__INDEX__/css/play.css">
<div class="layui-container">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md8 content detail">
            <div class="fly-panel detail-box">
                <h1>{$data.pay_title}</h1>
                <div class="fly-detail-info">

                    <span class="layui-badge layui-bg-green fly-detail-column">{$data.pay_tag}</span>
                    <div class="fly-admin-box" data-id="26297"></div>
                    <span class="fly-list-nums">
                        <a href="#comment">
                            <i class="iconfont" title="回答">&#xe60c;</i>1</a>
                        <i class="iconfont" title="评分">&#xe60b;</i>2</span>
                </div>

                <fieldset class="layui-elem-field detail-about">
                    <legend>简介</legend>
                    <div class="layui-field-box ">
                        {$data.pay_briefing}
                    </div>
                </fieldset>
                <fieldset class="layui-elem-field">
                    <div class="layui-field-box single-strong layui-bg-cyan">
                        无需安装任何插件<font color="#ff6651">【点击选择选集才会播放哦！如出现报毒或无法播放情况请反馈站长】</font>
                    </div>
                </fieldset>
                <fieldset class="layui-elem-field">
                    <div class="am-panel am-panel-default">
                        <div class="am-panel-bd">



                            <div class="bofangdiv">
                                <img id="addids" src="__INDEX__/images/1280jiazai.png" style="display: block;width:100%;">
                                <img id="addid" src="__INDEX__/images/1280jiazai.png" style="display: none;width:100%;">

                                <iframe id="video" src="{:url('Pay/pay')}" style="width:100%;border:0px #d8d8d8 solid;display: none"></iframe>
                                <a style="display:none" id="videourlgo" href=""></a>
                            </div>

                            <div id="xuji" class="layui-bg-cyan" style="display: none">

                                <div class="layui-btn-group" id="xlu" style="display: none;!important;">

                                    <?php foreach(config("ApiUrl") as $k=>$y){?>
                                    <button class="layui-btn" onclick="xldata('{$y}')">线路{$k}</button>
                                    <?php }?>


                                </div>
                                <script type="text/javascript">
                                    function xldata(urls){
                                        var videourls = document.getElementById('video');
                                        var xlqieh = document.getElementById('videourlgo');
                                        videourls.src = urls+xlqieh.href;
                                    }
                                </script>
                            </div>
                            <div class="dianshijua" id="dianshijuid">
                                <script type="text/javascript">
                                    var al = $('.num-tab-main a');
                                    al.attr('class','am-btn am-btn-default lipbtn');
                                    var ji= new Array();
                                    var btnji= new Array();
                                    for(var g=0;g<al.length;g++){
                                        ji.push(al[g].href);
                                        btnji.push(al[g].id);
                                        al[g].href = 'javascript:void(0)';
                                        al[g].target = '_self';
                                        al.eq(g).attr('onclick','bofang(\''+ji[g]+'\',\''+btnji[g]+'\')');
                                    };
                                    if($("div").hasClass("js-tab-main")){
                                        var taba = $('.js-tab-main a');
                                        for(var g=0;g<taba.length;g++){
                                            taba.eq(g).attr('onclick','tabqh(\''+[g]+'\')');
                                        };
                                        var numtba = $('.num-tab .num-tab-main');
                                        for(var g=0;g<numtba.length;g++){
                                            numtba.eq(g).attr('id','num'+[g]);
                                        };
                                        document.getElementById('num1').style.display = 'block';
                                        function tabqh(ylen){
                                            var idylen = parseInt(ylen);
                                            var tabalen = $('.js-tab-main a').length;
                                            for (var xcyh=0;xcyh<tabalen;xcyh++) {
                                                document.getElementById('num'+xcyh).style.display = 'none';
                                            }
                                            document.getElementById('num'+idylen).style.display = 'block';
                                        }
                                    }
                                </script>


                                    <div class="top-list-ji">
                                        <div id="han_pay_a"  class="num-tab-main ji-tab-content js-tab-content" style="opacity:1;">
                                            <?php if(is_array($data['pay_url'])){?>
                                            <?php foreach($data['pay_url'] as $k=>$y){?>


                                            <a href='{$y}'>{$k+1}</a>


                                            <?php }?>
                                            <?php }else{ ?>
                                            <a href='{$data.pay_url}'>{$data.pay_title}</a>
                                            <?php }?>
                                        </div>
                                    </div>
                                    <script type="text/javascript">
                                        var al = $('.dianshijua a');
                                        al.attr('class','am-btn am-btn-default hsq-btn layui-bg-orange');
                                        var ji= new Array();
                                        var btnji= new Array();

                                        for(var g=0;g<al.length;g++){
                                            ji.push(al[g].href);
                                            btnji.push(al[g].id);
                                            al[g].href = 'javascript:void(0)';
                                            al[g].target = '_self';
                                            al.eq(g).attr('onclick','bofang(\''+ji[g]+'\',\''+btnji[g]+'\')');
                                        };
                                    </script>

                                    <script type="text/javascript">
                                        function bofang(mp4url,jiid){
                                            document.getElementById('videourlgo').href=mp4url;
                                            if(mp4url.indexOf('iqiyi')>=0){
                                                document.getElementById('video').src='{:config("ApiUrl.1")}'+mp4url;
                                            }else if(mp4url.indexOf('qq')>=0){
                                                document.getElementById('video').src='{:config("ApiUrl.1")}'+mp4url;
                                            }else if(mp4url.indexOf('sohu')>=0){
                                                document.getElementById('video').src='{:config("ApiUrl.1")}'+mp4url;
                                            }else if(mp4url.indexOf('youku')>=0){
                                                document.getElementById('video').src='{:config("ApiUrl.1")}'+mp4url;
                                            }else if(mp4url.indexOf('tudou')>=0){
                                                document.getElementById('video').src='{:config("ApiUrl.1")}'+mp4url;
                                            }else if(mp4url.indexOf('le')>=0){
                                                document.getElementById('video').src='{:config("ApiUrl.1")}'+mp4url;
                                            }else if(mp4url.indexOf('58')>=0 && mp4url.indexOf('58')<5 ){
                                                document.getElementById('video').src='{:config("ApiUrl.1")}'+mp4url;
                                            }else{
                                                document.getElementById('video').src='{:config("ApiUrl.1")}'+mp4url;
                                            };
                                            //点击之后
                                            document.getElementById('xuji').style.display='block';
                                            document.getElementById('video').style.display='none';
                                            document.getElementById('addid').style.display = 'block';
                                            document.getElementById('xlu').style.display = 'block';
                                            document.getElementById('addids').style.display = 'none';
                                            function test() {
                                                document.getElementById('video').style.display='block';
                                                document.getElementById('addid').style.display = 'none';
                                                document.getElementById('addids').style.display = 'none';


                                            }
                                            setTimeout(test, 3000);
                                        };
                                    </script>




                            </div>
                        </div>
                    </div></fieldset>
            </div>
            <!---->
            <!--<div class="fly-panel detail-box" id="flyReply">-->
                <!--<fieldset class="layui-elem-field layui-field-title" style="text-align: center;">-->
                    <!--<legend>回帖</legend>-->
                <!--</fieldset>-->
                <!--<ul class="jieda" id="jieda">-->
             <!---->
                <!---->
                    <!--<li data-id="105174">-->
                        <!--<a name="item-"></a>-->
                        <!--<div class="detail-about detail-about-reply">-->
                            <!--<a class="fly-avatar" href="/u/318192/">-->
                                <!--<img src="/" alt=""></a>-->
                            <!--<div class="fly-detail-user">-->
                                <!--<a href="/u/318192/" class="fly-link">-->
                                    <!--<cite></cite>-->
                                    <!--<i class="layui-badge fly-badge-vip">VIP1</i></a>-->
                            <!--</div>-->
                            <!--<div class="detail-hits">-->
                                <!--<span></span></div>-->
                        <!--</div>-->
                        <!--<div class="detail-body layui-text jieda-body photos"></div>-->
                        <!--<div class="jieda-reply">-->
                            <!--<span class="jieda-zan " data="" type="zan">-->
                                <!--<i class="iconfont icon-zan"></i>-->
                                <!--<em></em></span>-->
                            <!--<span type="reply" class="reply" data="">-->
                                <!--<i class="iconfont icon-svgmoban53"></i>回复</span>-->
                        <!--</div>-->
                    <!--</li>-->
                <!--</ul> -->
                <!--<div style="text-align: center"></div>-->
                <!--<a name="reply"></a>-->
                <!--<div class="layui-form layui-form-pane">-->
                    <!--<form action="" method="post">-->
                        <!--<div class="layui-form-item layui-form-text">-->
                            <!--<div class="layui-input-block">-->
                                <!--<textarea id="content" name="content" required placeholder="请输入内容" class="layui-textarea fly-editor" style="height: 150px;"></textarea>-->
                            <!--</div>-->
                        <!--</div>-->
                        <!--<div class="layui-form-item">-->
                            <!--<input type="hidden" name="jid" value="26297">-->
                            <!--<input type="hidden" name="daPages" value="0">-->
                            <!--<button class="layui-btn" lay-filter="re" lay-submit>提交回复</button></div>-->
                    <!--</form>-->
                <!--</div>-->
            <!--</div>-->
        </div>
        <div class="layui-col-md4 layui-hide-xs">
            <div class="fly-panel">
                <div class="fly-panel-title">心级赞助商
                    <span style="padding: 0 3px;">-</span>
                    <a href="/jie/15697/" class="fly-link fly-joinad    ">我要加入</a></div>
                <div class="fly-panel-main">
                    <a href="http://www.ukewo.cn/" target="_blank" rel="nofollow" class="fly-zanzhu" style="background-color: #1A7BFA;" time-limit="2018-05-13 0:0:0">优客服 - 开源的智能客服系统 + 呼叫中心</a>
                    <a href="http://www.uileader.com/" target="_blank" rel="nofollow" class="fly-zanzhu" style="background-color: #43BAE9; font-size: 14px;" time-limit="2018-10-20 0:0:0">TouchUI Pro - 一套代码开发App、H5和小程序</a>
                    <a href="http://core.fineui.com/" target="_blank" rel="nofollow" class="fly-zanzhu" style="background-color: #205B95;" time-limit="2018-07-18 0:0:0">FineUI - 9 年控件库 + ASP.NET Core 2.0</a>
                    <a href="http://www.ideacms.net" target="_blank" rel="nofollow" class="fly-zanzhu" style="background-color: #F25123;" time-limit="2018-05-10 0:0:0">IdeaMall商城+小程序系统，小而美，仅6M</a>
                    <a href="https://nai8.me" target="_blank" rel="nofollow" class="fly-zanzhu" style="background-color: #002845;" time-limit="2018-05-08 0:0:0">阿北的知识分享 - Yii/小程序/ES6原创视频</a>
                    <a href="https://juejin.im/welcome/backend?utm_source=layui&utm_medium=banner&utm_content=fangwen&utm_campaign=q2_website" target="_blank" rel="nofollow" class="fly-zanzhu fly-zanzhu-img" time-limit="2018-05-20 0:0:0">
                        <img src="" alt="掘金"></a>
                </div>
            </div>
            <div class="fly-panel">
                <div class="fly-panel-title">官方产品</div>
                <div class="fly-panel-main">
                    <a href="http://www.layui.com/admin/?from=fly" target="_blank" class="fly-zanzhu" time-limit="2017.09.25-2099.01.01" style="background-color: #20222A;">layuiAdmin - layui 官方后台管理模板</a>
                    <a href="http://layim.layui.com/?from=fly" target="_blank" class="fly-zanzhu" time-limit="2017.09.25-2099.01.01" style="background-color: #009688;">LayIM - layui 即时通讯旗舰之作</a></div>
            </div>
            <div class="fly-panel" style="padding: 20px 0; text-align: center;">
                <img src="" style="max-width: 100%;" alt="layui">
                <p style="position: relative; color: #666;">微信扫码关注 layui 公众号</p></div>
        </div>
    </div>
</div>
<script type='text/javascript' src='__INDEX__/js/main.js'></script>



